<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/swiper.min.css" />
    <link rel="stylesheet" href="./css/index.css" />

<body>
<?php echo" ";
?>
    <!-- <section class="content"> -->
    <!-- 旋转木马轮播图模块 -->
    <div class="get_job_focus">
        <!-- Swiper -->
        <div class="swiper-container get_job_fo">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./img/A.jpg">
                    <table border="1px" width="250" height="184" cellspacing="0">
                        <tr>
                            <td >姓名</td>
                            <td >何小宇</td>
                        </tr>
                        <tr>
                            <td>学号</td>
                            <td>2005010407</td>
                        </tr>
                        <tr>
                            <td>性别</td>
                            <td>男</td>
                        </tr>
                        <tr>
                            <td>出生时间</td>
                            <td>2002-03-04</td>
                        </tr>
                        <tr>
                            <td>电话号码</td>
                            <td>15523883741</td>
                        </tr>
                        <tr>
                            <td>出生地</td>
                            <td>重庆潼南</td>
                        </tr>
                    </table>
                </div>

                <div class="swiper-slide">
                    <img src="./img1/mzp.jpg">
                    <table border="1px" width="250" height="184" cellspacing="0">
                        <tr>
                            <td >姓名</td>
                            <td >蔡国胜</td>
                        </tr>
                        <tr>
                            <td>学号</td>
                            <td>2005010416</td>
                        </tr>
                        <tr>
                            <td>性别</td>
                            <td>男</td>
                        </tr>
                        <tr>
                            <td>出生时间</td>
                            <td>2002-11-27</td>
                        </tr>
                        <tr>
                            <td>电话号码</td>
                            <td>15923486600</td>
                        </tr>
                        <tr>
                            <td>出生地</td>
                            <td>重庆开州</td>
                        </tr>
                    </table>
                </div>
                <div class="swiper-slide">
                    <img src="./img1/xrt.jpg">
                    <table border="1px" width="250" height="184" cellspacing="0">
                        <tr>
                            <td >姓名</td>
                            <td >向仁涛</td>
                        </tr>
                        <tr>
                            <td>学号</td>
                            <td>2005010428</td>
                        </tr>
                        <tr>
                            <td>性别</td>
                            <td>男</td>
                        </tr>
                        <tr>
                            <td>出生时间</td>
                            <td>2001-09-14</td>
                        </tr>
                        <tr>
                            <td>电话号码</td>
                            <td>17323787420</td>
                        </tr>
                        <tr>
                            <td>出生地</td>
                            <td>重庆石柱</td>
                        </tr>
                    </table>
                </div>
                <div class="swiper-slide">
                    <img src="./img1/dc.jpg">
                    <table border="1px" width="250" height="184" cellspacing="0">
                        <tr>
                            <td >姓名</td>
                            <td >邓陈</td>
                        </tr>
                        <tr>
                            <td>学号</td>
                            <td>2005010440</td>
                        </tr>
                        <tr>
                            <td>性别</td>
                            <td>男</td>
                        </tr>
                        <tr>
                            <td>出生时间</td>
                            <td>2002-05-20</td>
                        </tr>
                        <tr>
                            <td>电话号码</td>
                            <td>13340836056</td>
                        </tr>
                        <tr>
                            <td>出生地</td>
                            <td>四川达州</td>
                        </tr>
                    </table>
                </div>
                <div class="swiper-slide">
                    <img src="./img1/ljt.jpg">
                    <table border="1px" width="250" height="184" cellspacing="0">
                        <tr>
                            <td >姓名</td>
                            <td >刘江涛</td>
                        </tr>
                        <tr>
                            <td>学号</td>
                            <td>2005010332</td>
                        </tr>
                        <tr>
                            <td>性别</td>
                            <td>男</td>
                        </tr>
                        <tr>
                            <td>出生时间</td>
                            <td>2001-08-26</td>
                        </tr>
                        <tr>
                            <td>电话号码</td>
                            <td>15730831855</td>
                        </tr>
                        <tr>
                            <td>出生地</td>
                            <td>重庆酉阳</td>
                        </tr>
                    </table>
                </div>
                <div class="swiper-slide">
                    <img src="./img1/zjj.jpg">
                    <table border="1px" width="250" height="184" cellspacing="0">
                        <tr>
                            <td >姓名</td>
                            <td >张建军</td>
                        </tr>
                        <tr>
                            <td>学号</td>
                            <td>2005010334</td>
                        </tr>
                        <tr>
                            <td>性别</td>
                            <td>男</td>
                        </tr>
                        <tr>
                            <td>出生时间</td>
                            <td>2002-08-01</td>
                        </tr>
                        <tr>
                            <td>电话号码</td>
                            <td>17316764923</td>
                        </tr>
                        <tr>
                            <td>出生地</td>
                            <td>重庆万州</td>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
        <!-- Add Arrows 根据需求这个代码放到 container外面 添加左右箭头-->
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
    </div>
    </section>
    <script src="./js/flexible.js"></script>
    <!-- 比如引入js文件 -->
    <script src="./js/swiper.min.js"></script>
    <script>
        // 第一个函数里面是 就业指导轮播图
        (function () {
            var swiper = new Swiper(".get_job_fo", {
                // 能够显示的 slider的个数
                slidesPerView: 1,
                // 每一个slide之间的距离
                spaceBetween: 30,
                centeredSlides: true,
                loop: true,
                // 添加左右箭头
                navigation: {
                    nextEl: ".swiper-button-next",
                    prevEl: ".swiper-button-prev",
                },
            });
        })();
        // 第二个函数的轮播图
        (function () {
            //  如果有多个轮播图最好修改下 swiper-container
            var swiper = new Swiper(".study_fo", {
                // 我们可以可以看看到的是 2个半
                slidesPerView: 2.2,
                spaceBetween: 20,
            });
        })();
    </script>
</table>
</body>
<html>